// 点击下拉按钮，出现国家等选项，供选择
$menu = $('.text1')
$menu.click(function () {
    $menu.next().slideToggle(150, 'linear')
})
$downBox = $('.drop-down-box')
$downBox.on('click', 'li', function (e) {
    $menu.find('span').text($(this).text())
    $downBox.slideToggle(150, 'linear')
})

// 获取手机填写框
$phone = $('input[name=phone]')
//获取密码填写框
$pass = $('input[name=pass]')
//获取验证密码框
$repass = $('input[name=repass]')
//获取勾选阅读框
$check = $(':checkbox')[0]
// 获取注册按钮
$btn = $('#btn')
//获取提示框
$ps = $('.ps')
//勾选提示框
$pp = $('.pp')

// 输入手机号判断
$phone.focus(function () {
    $phone.blur(function () {
        if (!$phone.val()) {
            $($ps[1]).html('手机号不能为空').css('color', 'red');
            return false;
        } else if (!(/^1[3-9]\d{9}$/).exec($phone.val())) {
            $($ps[1]).html('请填写正确的手机号').css('color', 'red')
            return false;
        } else {
            $($ps[1]).html('手机号正确').css('color', 'green')
        }
    })
})

// 密码框的判断
$pass.focus(function () {
    $pass.blur(function () {
        if (!$pass.val()) {
            $($ps[2]).html('密码不能为空').css('color', 'red');
            return false;
        } else if (!(/^[0-9a-zA-Z]{5,17}[a-zA-Z]+\w$/).exec($pass.val())) {
            $($ps[2]).html('请填写格式正确的密码').css('color', 'red')
            return false;
        } else {
            $($ps[2]).html('密码格式').css('color', 'green')
        }
    })
})

// 验证密码的判断
$repass.focus(function () {
    $repass.blur(function () {
        if (!$repass.val()) {
            $($ps[3]).html('验证密码不能为空').css('color', 'red');
            return false;
        } else if ($pass.val() != $repass.val()) {
            $($ps[3]).html('验证密码不正确').css('color', 'red')
            return false;
        } else {
            $($ps[3]).html('验证密码正确').css('color', 'green')
        }
    })
})

// 点击注册发送ajax
$btn.click(function () {
    // 手机号
    if (!$phone.val()) {
        $($ps[1]).html('手机号不能为空').css('color', 'red');
        return false;
    } else if (!(/^1[3-9]\d{9}$/).exec($phone.val())) {
        $($ps[1]).html('请填写正确的手机号').css('color', 'red')
        return false;
    } else {
        $($ps[1]).html('手机号正确').css('color', 'green')
    }
    // 密码
    if (!$pass.val()) {
        $($ps[2]).html('密码不能为空').css('color', 'red');
        return false;
    } else if (!(/^[0-9a-zA-Z]{5,17}[a-zA-Z]+\w$/).exec($pass.val())) {
        $($ps[2]).html('请填写格式正确的密码').css('color', 'red')
        return false;
    } else {
        $($ps[2]).html('密码格式').css('color', 'green')
    }
    // 验证密码
    if (!$repass.val()) {
        $($ps[3]).html('验证密码不能为空').css('color', 'red');
        return false;
    } else if ($pass.val() != $repass.val()) {
        $($ps[3]).html('验证密码不正确').css('color', 'red')
        return false;
    } else {
        $($ps[3]).html('验证密码正确').css('color', 'green')
    }
    // 弹窗
    var index = layer.load(1, {
        shade: [0.7, 'black'] //0.1透明度的白色背景
    });
    // 发送ajax
    $.ajax({
        url: './php/register.php',
        type: 'POST',
        data: {
            pass: $pass.val(),
            phone: $phone.val()
        },
        success: function (arr) {
            layer.close(index)
            var { meta: { status, } } = arr
            if (status == 1) {
                layer.msg('注册成功');
                setTimeout(function () {
                    location.href = 'login.html'
                }, 2000)
            }else if(status==2){
                layer.msg('用户名已经存在');
                // setTimeout(function () {
                //     location.href = 'register.html'
                // }, 2000)
            }else{
                layer.msg('注册失败');
                // setTimeout(function () {
                //     location.href = 'register.html'
                // }, 2000)
            }
        },
        dataType: 'json'

    })

})
